<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>违规数据编辑</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/product.css">
	<link rel="stylesheet" href="css/select-big.css">
	<link rel="stylesheet" href="css/zyUpload.css" type="text/css">
	<style>
		.main-content-box{
			padding-bottom: 0px;
		}
		.info-area {
		    border-bottom:none;
		}
		.content-info-product{
			padding:0px;
		}
		.content-table-a {
		    width: 70%;
		}
		.content-table-a tbody tr td {
		    border-bottom: 1px dashed #efefef;
		}
		.content-table-a tbody tr td input {
		    width: 200px;
		    height: 32px;
		    margin-left: 3px;
		    background: #fff;
		    color: #999;
		    border: 1px solid #e6e6e6;
		    padding-left: 12px;
		    border-radius: 6px;
		    outline: none;
		    box-sizing: border-box;
		}
		.content-table-a tbody tr td .indexInput {
		    background:url(images/jiansuo.png)no-repeat right;
		}
		.content-btn {
		    border-bottom: 1px solid #e6e6e6;
		}
		.delete-list{
			width: 24px;
		    height: 24px;
		    line-height: 22px;
		    font-size: 22px;
		    text-align: center;
		    display: inline-block;
		    font-style: normal;
		    color: #326EF7;
		    border: 1px solid #326EF7;
		    border-radius: 20px;
		    cursor: pointer;
		}
		.delete-list:hover{
			color: #fff;
			background: #326EF7;
		}
		.newSet-list {
		    width: 24px;
		    height: 24px;
		    line-height: 22px;
		    font-size: 22px;
		    text-align: center;
		    display: inline-block;
		    font-style: normal;
		    color: #326EF7;
		    border: 1px solid #326EF7;
		    border-radius: 20px;
		    cursor: pointer;
		}
		.newSet-list:hover{
			color: #fff;
			background: #326EF7;
		}
		.readInput{
			width: 150px;
		    height: 30px;
		    border: 1px solid #e6e6e6;
		    border-radius: 6px;
		    padding-left: 6px;
		    box-sizing: border-box;
		    cursor: pointer;
		    outline: none;
		}
		.textInput{
			width: 50px;
		    height: 30px;
		    border: 1px solid #e6e6e6;
		    border-radius: 6px;
		    text-align: center;
		    box-sizing: border-box;
		    cursor: pointer;
		    outline: none;
		}
		.info-area >li >span{
			width: 145px;
		}
		.mgauto {
		    display: inline-block;
		    margin: 0px 153px;
		}
		.content-table-text {
		    width: 595px;
		    margin-left: 142px;
		}
		.content-table-text tbody tr .td-2 {
		    width: 75%;
		    padding-left: 24px;
		    color: #dadada;
		}
		.prover-info {
		    padding-left: 142px;
		}
		.info-area >li >em {
		    display: inline-block;
		    padding-left: 0px;
		}
	</style>
</head>
<body>
	<div class="main-content-box">
		<div class="main-bg1">
			<div class="content-list">
				<div class="content-btn bot-line">
					<a class="icon-back" href="violationRecord.html"></a><span class="title-info-a">编辑违规数据</span>
				</div>
				<ul class="info-area">
					<li>
						<span class="info-red"><font color="red">*</font>违规编号：</span>
						<em>BH000001</em>
					</li>
					<li>
						<span class="info-red"><font color="red">*</font>违规时间：</span>
						<input id="data-time" class="laydate-icon" type="text">
					</li>
					<li>
						<span class="info-red"><font color="red">*</font>违规情形：</span>
						<select class="multiselect" id="single">
							<option value="1">飞单</option>
							<option value="2">代签字、伪造证件、产品推介过程中误导</option>
							<option value="3">执照异常或受到其他行政处罚</option>
							<option value="4">监管罚单</option>
							<option value="5">公开推介、宣传误导、宣传不合规信息及其他</option>
							<option value="6">账户资料、相关证明等审核不严</option>
							<option value="6">未按要求执行展业规范</option>
						</select>
					</li>
					<li>
						<span class="info-red"><font color="red">*</font>违规类别：</span>
						<select class="multiselect" id="single1">
							<option value="1">一般营销违规</option>
							<option value="2">严重营销违规</option>
						</select>
					</li>
				</ul>
				<div class="content-btn">
					<span class="title-info" style="margin-left:30px;">相关人员</span>
				</div>
				<div class="content-info-product">
					<table class="content-table-two editTable" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td>人员性质</td>
								<td>违规人员</td>
								<td>工号</td>
								<td>个人扣分</td>
								<td>操作</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>责任人</td>
								<td><input class="readInput" type="text" readonly="readonly" placeholder="张强"><i class="btn-operation" onclick="addingPeople()">检索</i></td>
								<td>H899655</td>
								<td><input class="textInput" type="text" placeholder="6"></td>
								<td><i class="newSet-list" onclick="addlist()">+</i></td>
							</tr>
							<tr>
								<td>连带人</td>
								<td><input class="readInput" type="text" readonly="readonly" placeholder="丽丽"><i class="btn-operation" onclick="addingPeople()">检索</i></td>
								<td>H899655</td>
								<td><input class="textInput" type="text" placeholder="3"></td>
								<td><i class="delete-list" onclick="dellist(this)">-</i></td></tr>
						</tbody>
					</table>
				</div>
				<div class="content-btn">
					<span class="title-info" style="margin-left:30px;">大区信息</span>
				</div>
				<table class="content-table-a" cellspacing="0" cellpadding="0">
					<tbody>
						<tr>
							<td>大区：</td>
							<td><input class="indexInput" readonly="readonly" onclick="addingLargeArea()" type="text"></td>
							<td>大区系数：</td>
							<td><input type="text" placeholder="1.5"></td>
						</tr>
						<tr>
							<td>大区违规系数：</td>
							<td><input type="text" placeholder="0.5"></td>
							<td>大区扣分：</td>
							<td><span>0.08</span></td>
						</tr>
					</tbody>
				</table>
				<div class="content-btn">
					<span class="title-info" style="margin-left:30px;">营业部信息</span>
				</div>
				<table class="content-table-a" cellspacing="0" cellpadding="0">
					<tbody>
						<tr>
							<td>营业部：</td>
							<td><input class="indexInput" readonly="readonly" onclick="addingBusinessDepartment()" type="text"></td>
							<td>营业部系数：</td>
							<td><input type="text" placeholder="1.5"></td>
						</tr>
						<tr>
							<td>营业部违规系数：</td>
							<td><input type="text" placeholder="0.5"></td>
							<td>营业部扣分：</td>
							<td><span>0.08</span></td>
						</tr>
					</tbody>
				</table>
				<div class="content-btn">
					<span class="title-info" style="margin-left:30px;">团队信息</span>
				</div>
				<table class="content-table-a" cellspacing="0" cellpadding="0">
					<tbody>
						<tr>
							<td>团队：</td>
							<td><input class="indexInput" readonly="readonly" onclick="addingTeam()" type="text"></td>
							<td>团队扣分：</td>
							<td><input type="text" placeholder="5"></td>
						</tr>
					</tbody>
				</table>
				<ul class="info-area" style="border-bottom:none;">
					<li> 
						<span class="info-red v-align"><font color="red">*</font>备注：</span>
						<textarea name="" id="" cols="30" rows="3"></textarea>
					</li>
					<li> 
						<span class="info-red v-align"><font color="red">*</font>附件：</span>
						<div id="demo" class="demo"></div>
					</li>
					<li>
						<div class="content-info">
							<table class="content-table-text" cellspacing="0" cellpadding="0">
								<tbody>
									<tr>
										<td class="td-1" name="1.xls"><img src="images/1111.png" alt=""></td>
										<td class="td-2"><p>海外移民产品规划书.xls（5MB）</p>
											<span>上传人：</span><strong>王大锤</strong><i>2017-04-23/13:50</i>
										</td>
										<td class="td-3"><i class="btn-operation1" onclick="del()">删除</i></td>
									</tr>
								</tbody>
							</table>
							<div class="prover-info">
								<span>注意事项</span>
								<p>支持最大上传文件大小未50MB！</p>
								<p>目前支持的附件后缀格式为：jpg,jpeg,gif,png,doc,docx,xlx,xlsx,pdf,rar,zip 如需其他格式支持，请联系管理员</p>
							</div>
						</div>
					</li>
					<li style="border-top: 1px solid #e6e6e6;padding-top: 30px;margin-top:20px;">
						<div class="line-bottom mabot100">
							<button class="save-btn mgauto">保存</button>
							<button class="save-btn">取消</button>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/allProduct.js"></script>
<script src="js/select.jquery.js"></script>
<script src="lib/rili/laydate.dev.js"></script>
<script src="js/zyFile.js"></script><!-- 引用核心层插件 -->
<script src="js/zyUpload.js"></script><!-- 引用控制层插件 -->
<script src="js/jq22.js"></script><!-- 引用初始化JS -->
<script type="text/javascript">
    $(document).ready(function (){//新增
		var eventEnd = {  
		        elem: '#data-time',  
		        format: 'YYYY/MM/DD',  
		        min: laydate.now(), 
		        max: '2099-06-16',  
		        istime: true,  
		        istoday: true,  
		        start: laydate.now(0,"YYYY-MM-DD"),  
		        choose: function(enddatas){  
		        	/* activityStart.max = enddatas; //结束日选好后，重置开始日的最大日期  
		        	activity_end_time=enddatas; */
		        }  
		    };
		laydate(eventEnd);
	});
	$('.multiselect').multiselect({setMaxOptionNum:4,selectedHtmlValue:''});
	$('#single').multiselect({multiple:false,selectedHtmlValue:'全部',setWidth: 338+'px'});
	$('#single1').multiselect({multiple:false,selectedHtmlValue:'全部',setWidth: 338+'px'});

	$('select').change(function(){
			// alert(1);
	});
	$('select').on('change',function(){
		console.log($(this).val())
		console.log($(this).find("option:selected").text())
	});
	function addingPeople(){
		parent.layer.open({
		    type: 2,
		    title: '员工搜索',
		    shadeClose: true,
		    shade: 0.2,
	        maxmin: true, //开启最大化最小化按钮
	        area: ['870px', '400px'],
	        content: 'addingPeople.html'
        });
	};

	function addingTeam(){
			  parent.layer.open({
		      type: 2,
		      title: '团队搜索',
		      shadeClose: true,
		      shade: 0.2,
		      maxmin: true, //开启最大化最小化按钮
		      area: ['870px', '400px'],
		      content: 'addingTeam.html'
		});
	};

	function addingBusinessDepartment(){
			  parent.layer.open({
		      type: 2,
		      title: '营业部搜索',
		      shadeClose: true,
		      shade: 0.2,
		      maxmin: true, //开启最大化最小化按钮
		      area: ['870px', '400px'],
		      content: 'addingBusinessDepartment.html'
		});
	};

	function addingLargeArea(){
			  parent.layer.open({
		      type: 2,
		      title: '大区搜索',
		      shadeClose: true,
		      shade: 0.2,
		      maxmin: true, //开启最大化最小化按钮
		      area: ['870px', '400px'],
		      content: 'addingLargeArea.html'
		});
	};

	function del(){
			parent.layer.open({
		      type: 2,
		      title: '删除',
		      shadeClose: true,
		      shade: 0.2,
		      maxmin: true, //开启最大化最小化按钮
		      area: ['450px', '250px'],
		      content: 'delete.html'
		    });
	};

	function getHeight(){
		var myiframeH=$(".main-content-box").height();
		var _parent=$(window.parent.document);
        	_parent.find('body').css('height',(myiframeH+150)+'px');
			_parent.find('.main-position').css('height',(myiframeH+100)+'px');
    };

	function addlist(){
		var _tbody=$('.editTable').children('tbody');
		var _tr='<tr>'+
					'<td>连带人</td>'+
					'<td><input class="readInput" type="text" readonly="readonly" placeholder=""><i class="btn-operation" onclick="addingPeople()">检索</i></td>'+
					'<td></td>'+
					'<td><input class="textInput" type="text" placeholder=""></td>'+
					'<td><i class="delete-list" onclick="dellist(this)">-</i></td>'+
				'</tr>';
			_tbody.append(_tr);
			getHeight();
	};
	function dellist(del){
		$(del).parent('td').parent('tr').remove();
		getHeight();
	};
	function ceshi(){
		alert('ok');
	};

	$('#demo').resize(function(){
		getHeight();
	});
	$('.content-info').resize(function(){
		getHeight();
	});
</script>
</body>
</html>